.htrd-c-qunee-editor {
  // height: 560px;
  position: relative;

  .editor {
    height: 560px;
  }

  .htrd-c-qunee-editor-info {
    background-color: #FFFFFF;
    position: absolute;
    width: 380px;
    top: 0px;
    right: 0px;
    z-index: 100;
    height: 550px;
    max-height: 550px;
  }

  .htrd-c-qunee-tag {
    position: absolute;
    top: 46px;
    left: 6px;
    color: #3598DC;
    background-color: #FFFFFF;
  }

  .htrd-c-qunee-editor-log {
    height: 170px;
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    bottom: 0px;

    .htrd-c-qunee-log-toggle-btn {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      cursor: pointer;
      height: 32px;
      background-color: #ffffff;
    }

    .htrd-c-qunee-log {
      height: 170px;
      overflow: auto;
      ul {
        height: 100px;
        font-size: 12px;
        padding: 0px;
        margin: 0px;

        li {
          padding: 6px;
          span {
            color: #202020;

            &.error {
              color: #ed6b75;
            }
          }
        }
      }
    }
  }



  .htrd-c-qunee-editor-log-show {
    height: 10px;
  }
}

// 流程编辑器组件
.htrd-c-qunee-edit {
  .group-item {
    width: 180px;
    margin: 10px auto;

    canvas {
      float: left;
    }

    .icon-title {
      line-height: 40px;
      height: 40px;
    }
  }
}

.htrd-c-qunee-editor-edit {
  background-color: #FFFFFF;
  box-shadow: 0 2px 9px 0 #dce1ea;
  position: absolute;
  width: 414px;
  height:578px;
  top: 128px;
  right: 37px;
  z-index: 1000;
  .htrd-message-wrap{
    .htrd-message-header{
      border-bottom: 1px solid #e1e5ec;
      padding: 12px 0;
    }
  }
}
.htrd-c-qunee-editor-edit-node{
  background-color: #FFFFFF;
  box-shadow: 0 2px 9px 0 #dce1ea;
  position: absolute;
  width: 322px;
  height: 578px;
  top: 128px;
  right: 37px;
  z-index: 1000;
}

.htrd-c-qunee-editor-icon{
  width: 20px;
  height: 20px;
  margin: -22px auto;
}

.htrd-c-qunee-editor-icon-up{
  background: url('../img/sprite/sprite.png') no-repeat -59px -761px;
}

.htrd-c-qunee-editor-icon-down{
  background: url('../img/sprite/sprite.png') no-repeat -23px -761px;
}

.htrd-c-qunee-editor-log-text{
  line-height: 32px;
  padding-left: 10px;
  font-weight: 700;
}
